
<body>
<script type="text/javascript" src="<?php echo base_url('skin/js/promo.js'); ?>"></script>
	<div id="phoneGallery" >
    
    <div class="galleryRight"></div>
    	
    	<div class="wizard">
            <a href="<?php  echo site_url('gallery'); ?>" class="current done">
            <span class="wiz1 "></span>
                 <p>Pick a gadget</p>
            </a>
            <a href="<?php  echo site_url('promo'); ?>" class="current">
             <span class="wiz2 "></span>
                 <p>Choose your promo</p>
            </a>
            <a href="<?php  echo site_url('prepaid'); ?>" class="">
             <span class="wiz3"></span>
                 <p class="abs">Enter your <br>mobile number</p>
            </a>
            <a href="<?php  echo site_url('userprofile'); ?>" class=" ">
             <span class="wiz4"></span>
                 <p>Complete your profile</p>
            </a>
            <a href="<?php  echo site_url('globestore'); ?>" class="width100">
             <span class="wiz5"></span>
                 <p class="absd">Select your <br>preferred Globe Store <br>branch for handset <br>pickup</p>
            </a>
        </div>
    
    	<div class="mobileHeader">
            <h5 class="textBlue">Pick a gadget</h5>
            <h5 class="textBlue">Choose your promo</h5>
            <h5 class="hidden textBlue">Enter your mobile number</h5>
            <h5 class="hidden textBlue">Complete your profile</h5>
            <h5 class="hidden textBlue">Select your preferred Globe Store branch for handset pickup	</h5>
      </div>
    
    <div class="clear"></div>
    
    
    <div class="width960c">
    
    	<div class="deviceInfosIns marg40 floatLeft">
                		<div  class="deviceBox active">
                        	<p><b>Gadget:</b><p>
                            <p><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?> - <?php if(isset($_COOKIE['price'])) echo $_COOKIE['price']; ?></p>
                        </div>
                 
                		<div class="promoBox">
                        	<p><b>Promo:</b><p>
                            <p id="promo">None</p>
                        </div>
                        
                        <div class="commitmentBox">
                       	    <p><b>Registration Period </br> and Savings:</b><p>
                            <p id="commitmentBox">None</p>
                        </div>
                        
                        <div class="prepaidBox">
                        	<p><b>Mobile Number:</b><p>
                            <p id="mobtel">None</p>
                        </div>
                        
                        <div class="profileBox">
                        	<p><b>Profile:</b><p>
                            <p class="pnone">None</p>
							<p style="display:none" id="pname"><span id="name"></span></p>
                           	<p style="display:none" id="pemail">Email Address:<br><span id="email"></span></p>
                           	<p style="display:none" id="pdob">Date of Birth:<br><span id="dob"></span></p>
                           	<p style="display:none" id="padd">Home Address:<br><span id="add"></span>
                        </div>
                        
                        <div class="storeBox">
                       		<p><b>Globe Store Branch:</b><p>
                            <p id="globestore">None</p>
                        </div>    
            </div>
            
            
            <div class="floatLeft boxRight">
            
            	<div id="promoType"><!---FIRST--->

                    <p class="header30" style="margin-bottom:-10px">Choose promo type</p>
                    
                    <p class="text14">Now it's time to choose the promo that you can use with your gadget!</p>
                
                
                    <div id="promoType-inner" class="marg20 alignCenter">
					
                    </div>
					 <p class="text14">*Don't worry, you can still change your promo within the GoGADGETS registration period.</p>
            	</div><!---FIRST--->
            
            
            	<div id="validity" class="marg40" style="display:none;"><!---SECOND--->
                	<p class="header30" style="margin-bottom:-10px">Choose validity period</p>
                    
                    <p class="text14">You can choose a promo validity of 7 days, 15 days or 30 days - it's all up to you. </p>
              
               
                 <div id="validity-inner" class="alignCenter marg20">

                 </div>
                </div><!---SECOND--->
                  
                <div id="choosePromo" class="marg40" style="display:none;"><!---THIRD--->
                	<p class="header30" style="margin-bottom:-10px">Choose promo details</p>
                    
                    <p class="text14">Choose the promo that fits your budget. </p>
               
                
                <div id="choosePromo-inner" class="alignCenter marg20">                
                        
                </div>
				<p class="alignLeft">* to Globe/TM</p>
				</div><!---THIRD--->
                
                <div id="commitment" class="marg40" style="display:none;"><!---FOURTH--->
                	<p class="header30" style="margin-bottom:-10px">Choose registration period and savings
</p>
                    
                    <p class="text14">Get your money back through GCash every time you subscribe to your GoGADGETS promo during the registration period. That way, you can get your device almost free!
</p>
                
                
                 <div id="commitment-inner" class="alignCenter marg20">
				 
                  </div>
				</div><!---FOURTH--->
              
              	<div id="promoConfirm" style="display:none;">
                	<span class="triangle"></span>
                	<div class="blueShade">
                    	<h1>Summary</h1>
                    	
                        
                        <div class="floatLeft"> 
                        	<p class="text19"><b>Promo Details</b></p>
							<ul class="marg0">
                                <li><span class="summary-promoname">ALLNET 300</span>
                                <p>With <span id="summary-desc">unlimited texts to all networks, 60 minutes of calls 
                                and 50MB</span> data.</p>
                                <p>Valid for <span id="summary-validity">15 days</span>.</p>
                                <p>Must register twice a month throughout the registration period.</p>
                                </li>
                            </ul>
                              
                              
                              
                            <p class="text19"><b>Registration Period and Savings</b></p>
                               <ul  class="marg0">
                               <li><span id="summary-months">12 months</span></li>
                               <li> Total savings of <span class="summary-totalrebate">P855</span>
                                <p>(<span id="summary-rebateamt">P21</span> per registration to <span class="summary-promoname">ALLNET 300</span>)</p></li>
                              </ul>
                        </div>
                        
                        <div class="floatRight">
                        	<div class="lightBlueShade">
                        		<p class="text14">Upon pick up of your gadget, the total cash out required is:</p>
                            <table>
                            <tbody>
                           <tr class="text14"> 
                           <td class="tdmod1yv"><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?></td>	 
                           <td> </td>   
                           <td class="alignRight tdmod1yv"><span class="summary-gadgetprice"><?php if(isset($_COOKIE['price'])) echo $_COOKIE['price'];?></span></td>
                           </tr>
                           <tr class="text14"> 
                           <td class="tdmod2yv"><span class="summary-promoname">ALLNET 300</span></td>
                           <td>	 </td>	     
                           <td class="alignRight tdmod2yv"><span class="summary-promoprice">P 300</span></td>
                           </tr>
                          
                             <tr class="text18  fontBold"> 
                           <td>Total Cash Out</td>
                           <td></td>
                           <td class="alignRight"><span class="summary-totalcash">P2,800</span></td>	
                           </tr>
                           </tbody>  
                            </table>
                           
                        	</div>
                            
                            <div class="lightBlueShade marg20Top">
                        		<p class="text14">With your savings, the discounted gadget price is:</p>
                            <table>
                            <tbody>
                           <tr class="text14"> 
                           <td class="tdmod1yv"><?php if(isset($_COOKIE['gadget'])) echo $_COOKIE['gadget']; ?></td>	 
                           <td> </td>   
                           <td class="alignRight tdmod1yv"><?php if(isset($_COOKIE['price'])) echo $_COOKIE['price']; ?></td>
                           </tr>
                           <tr class="text14"> 
                           <td class="tdmod2yv">Total Savings</td>
                           <td>	 </td>	     
                           <td class="alignRight tdmod2yv"><span class="summary-totalrebate">P855</span></td>
                           </tr>
                           
                             <tr class="text18 fontBold"> 
                           <td>Discounted <br> Gadget Price</td>
                           <td></td>
                           <td class="alignRight tdmodmtop"><span class="summary-discounted">P1,645</span></td>	
                           </tr>
                           </tbody>  
                            </table>
                           
                        	</div>
                            
                            
                        </div>
                    
                        <div class="clear"></div>                                                       
                        <div class="alignCenter">
                    <?php if(isset($_COOKIE['mode'])): ?>
					 <?php if($_COOKIE['mode']=="edit"): ?>
				      <a href="<?php  echo site_url('summary'); ?>" id="btn_ProceedOrder" class="buttonBlue marg20" style="font-size: 18px; padding: 5px 30px 0;"></span>Proceed with this order</a>
					 <?php else: ?>
					  <a href="<?php  echo site_url('prepaid'); ?>" id="btn_ProceedOrder" class="buttonBlue marg20" style="font-size: 18px; padding: 5px 30px 0;"></span>Proceed with this order</a>
					 <?php endif;?>
					<?php else: ?>
					 <a href="<?php  echo site_url('prepaid'); ?>" id="btn_ProceedOrder" class="buttonBlue marg20" style="font-size: 18px; padding: 5px 30px 0;"></span>Proceed with this order</a>
					<?php endif;?>
                        </div>
                	</div>
                </div>
              
              
               
            </div><!---BOX RIGHT END---> 
            
            <div class="clear"></div>
            
            </div>            
       </div>